<?php
/*
Template Name: Register
*/
?>
<?php

	if(isset($_POST['rg-ipsubmit']))
	{
		require_once(ABSPATH . WPINC . '/registration.php');
		
		$arr[]=array();
		foreach($_POST as $key=>$value)
			$arr[$key]=$value;
		$email=$arr['rg_email'];
		if ( email_exists($arr['rg_email']) )
		{
			echo "err_email";
			exit;
		}elseif(username_exists($arr['rg_user'])){
			echo "err_user";
			exit;
		}
		date_default_timezone_set("Asia/Saigon");
		#$user_registered=date("Y-m-d");
		$userdata=array(
			"user_pass"=>$arr["rg_pass"],
			"user_login"=>$arr["rg_user"],
			"user_nicename"=>$arr["rg_fullname"],
			"user_email"=>$arr["rg_email"],
			"display_name"=>$arr["rg_fullname"],
			"description"=>"leardslr",			
			"role"=>"subscriber"
		);
		$rs=wp_insert_user($userdata);
		if(!$WP_Error)
		{
			add_user_meta($rs,"fullname",$arr["rg_fullname"]);
			add_user_meta($rs,"birthday",$arr["rg_dob"]);
			add_user_meta($rs,"city",$arr["rg_province"]);
			add_user_meta($rs,"phone",$arr["rg_phone"]);
			add_user_meta($rs,"job",$arr["rg_job"]);
			add_user_meta($rs,"fullname",$arr["rg_fullname"]);
			add_user_meta($rs,"sex",$arr["rg_sex"]);
			echo "ok";
		}else
		{
			echo "failed".$WP_Error;
		}		
		exit;
	}
?>
<?php get_header(); ?>

<!-- FOR REGIS FORM -->
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/jquery-ui-1.8.23.custom.css"></script>

    <style>
        div.ui-datepicker{font-size:12px;}
        input.ui-state-highlight{
            border:1px dashed #FF3838;
            background:#FFF2F2;
        }
    #regis-container #sucess{
        width: 380px;
        text-align: center;
        margin-top: 10px;
        }
    #regis-title{
        width: 400px ;
        margin-left: 80px;
        text-align: center;
        }
    #regis-title h3{
        padding: 5px;
        }

    form#rg-form{
        float: left;
        margin-left:120px;
        }
    #regis-subcontain{
        width: 570px;
        }
    #rg-leftcontain{
        float: left;
        width: 250px;
        margin-left: 0px;
        height: 400px;
        background: url('<?php bloginfo('template_directory'); ?>/images/dslr_new.jpg') top center no-repeat;
        }


    #rg-form h2{
        width:335px;
        font-size: 17px;
        font-weight: bold;
        margin-top:15px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        background: url("<?php bloginfo('template_directory'); ?>/images/subheader_bg.gif") left bottom repeat-x;
        }

    #rg-form .field-contain{
        margin:5px 0;
        }
    #rg-form label{
        display: inline-block;
        width: 150px;
        text-align: left;
        }
    #rg-form label.error{
        color:red;
        font-style: italic;
        font-size: 10;
        width: auto;
        margin-left: 10px;
        }
    #rg-form #rg-ipsubmit{
        margin-top:10px;
        margin-left: 170px;
        font-size: 12px;
        }
    #containerr{
        margin-left: 140px;
        }
    </style>

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-ui-1.8.23.custom.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.validate.min.js"></script>
	 
<!-- END FOR REGIS FORM -->

	<div id="regis-title"><h3>Đăng Ký Khóa Học DSLR</h3></div>
    <div id="regis-container">
        <form action="/" method="post" name="rg-form" id="rg-form">
		<div id="regis-subcontain">
            <h2>Thông tin đăng nhập</h2>
            <div class="field-contain">
                <label for="rg_user">Tên đăng nhập</label>
                <input type="text" name="rg_user" id="rg_user" size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_pass">Mật khẩu</label>
                <input type="password" name="rg_pass" id="rg_pass"  size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_pass2">Nhập lại mật khẩu</label>
                <input type="password" name="rg_pass2" id="rg_pass2"  size="25" />
            </div>

            <h2>Thông tin cá nhân</h2>
            <div class="field-contain">
                <label for="rg_fullname">Họ tên</label>
                <input type="text" name="rg_fullname" id="rg_fullname" size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_dob">Sinh nhật</label>
                <input type="text" name="rg_dob" id="rg_dob" size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_sex">Giới tính</label>
                <input type="radio" name="rg_sex" id="rg_male" value="1" checked />Nam
                <input type="radio" name="rg_sex" id="rg_female" value="0" />Nữ
            </div>
            <div class="field-contain">
                <label for="rg_idcard">Số CMND</label>
                <input type="text" name="rg_idcard" id="rg_idcard" size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_address">Địa chỉ</label>
                <input type="text" name="rg_address" id="rg_address" size="25" />
            </div>
            <div class="field-contain">
                <label for="rg_province">Tỉnh/Thành phố</label>
                <select name="rg_province" id="rg_province">
                    <option value="An Giang">An Giang</option>
                    <option value="Bắc Giang">Bắc Giang</option>
                    <option value="Bắc Kạn">Bắc Kạn</option>
                    <option value="Bạc Liêu">Bạc Liêu</option>
                    <option value="Bắc Ninh">Bắc Ninh</option>
                    <option value="Bến Tre">Bến Tre</option>
                    <option value="Bình Dương">Bình Dương</option>
                    <option value="Bình Phước">Bình Phước</option>
                    <option value="Bình Thuận">Bình Thuận</option>
                    <option value="Bình Định">Bình Định</option>
                    <option value="Cà Mau">Cà Mau</option>
                    <option value="Cần Thơ">Cần Thơ</option>
                    <option value="Cao Bằng">Cao Bằng</option>
                    <option value="Gia Lai">Gia Lai</option>
                    <option value="Hà Giang">Hà Giang</option>
                    <option value="Hà Nam">Hà Nam</option>
                    <option value="Hà Nội">Hà Nội</option>
                    <option value="Hà Tây">Hà Tây</option>
                    <option value="Hà Tĩnh">Hà Tĩnh</option>
                    <option value="Hải Dương">Hải Dương</option>
                    <option value="Hải Phòng">Hải Phòng</option>
                    <option value="Hậu Giang">Hậu Giang</option>
                    <option value="Hoà Bình">Hoà Bình</option>
                    <option value="Huế">Huế</option>
                    <option value="Hưng Yên">Hưng Yên</option>
                    <option value="Khánh Hoà">Khánh Hoà</option>
                    <option value="Kiên Giang">Kiên Giang</option>
                    <option value="Kon Tum">Kon Tum</option>
                    <option value="Lai Châu">Lai Châu</option>
                    <option value="Lâm Ðồng">Lâm Ðồng</option>
                    <option value="Lạng Sơn">Lạng Sơn</option>
                    <option value="Lào Cai">Lào Cai</option>
                    <option value="Long An">Long An</option>
                    <option value="Nam Ðịnh">Nam Ðịnh</option>
                    <option value="Nghệ An">Nghệ An</option>
                    <option value="Ninh Bình">Ninh Bình</option>
                    <option value="Ninh Thuận">Ninh Thuận</option>
                    <option value="Phú Thọ">Phú Thọ</option>
                    <option value="Phú Yên">Phú Yên</option>
                    <option value="Quảng Bình">Quảng Bình</option>
                    <option value="Quảng Nam">Quảng Nam</option>
                    <option value="Quảng Ngãi">Quảng Ngãi</option>
                    <option value="Quảng Ninh">Quảng Ninh</option>
                    <option value="Quảng Trị">Quảng Trị</option>
                    <option value="Sóc Trăng">Sóc Trăng</option>
                    <option value="Sơn La">Sơn La</option>
                    <option value="Tây Ninh">Tây Ninh</option>
                    <option value="Thái Bình">Thái Bình</option>
                    <option value="Thái Nguyên">Thái Nguyên</option>
                    <option value="Thanh Hóa">Thanh Hóa</option>
                    <option value="Tiền Giang">Tiền Giang</option>
                    <option value="TP Hồ Chí Minh" selected>TP Hồ Chí Minh</option>
                    <option value="Trà Vinh">Trà Vinh</option>
                    <option value="Tuyên Quang">Tuyên Quang</option>
                    <option value="Vĩnh Long">Vĩnh Long</option>
                    <option value="Vĩnh Phúc">Vĩnh Phúc</option>
                    <option value="Vũng Tàu">Vũng Tàu</option>
                    <option value="Yên Bái">Yên Bái</option>
                    <option value="Ðà Nẵng">Ðà Nẵng</option>
                    <option value="Ðắc Lắc">Ðắc Lắc</option>
                    <option value="Ðắk Nông">Ðắk Nông</option>
                    <option value="Ðồng Nai">Ðồng Nai</option>
                    <option value="Ðồng Tháp">Ðồng Tháp</option>
                    <option value="Điện Biên">Điện Biên</option>
                </select>
            </div>
            <div class="field-contain">
                <label for="rg_phone">Số ĐTDĐ</label>
                <input type="text" name="rg_phone" id="rg_phone" size="25"/>
            </div>
            <div class="field-contain">
                <label for="rg_email">E-mail</label>
                <input type="text" name="rg_email" id="rg_email" size="25" class="required email" />
            </div>
            <div class="field-contain">
                <label for="rg_job">Nghề nghiệp</label>
                <input type="text" name="rg_job" id="rg_job" size="25"/>
            </div>
		</div>
            <div id="rg-btnsubmit">
                <div id="containerr"></div>
                <input type="submit" name="rg-ipsubmit" id="rg-ipsubmit" value="Đăng ký" />
            </div>
        </form>
        <div id="rg-leftcontain">

        </div>
    </div>
	 <script type="text/javascript">
        //<![CDATA[
        /*
		$.validator.addMethod("phone",function(value){
			var reg=new RegExp("^[0-9]{10,15}$");
			return reg.test(value);
		},"Nhap lai so dien thoai");
		$.validator.addMethod("idcard",function(value){
			var reg=new RegExp("^[0-9]{9}$");
			return reg.test(value);
		},"Nhap lai so CMND");
        */
        $.validator.setDefaults({
            highlight: function(input) {
                $(input).addClass("ui-state-highlight");
            },
            unhighlight: function(input) {
                $(input).removeClass("ui-state-highlight");
            }
        });
        var config = {};
        config = {
            changeMonth: true,
            duration: 'fast',
            changeYear: true,
            numberOfMonths: 1,
            selectOtherMonths: true,
            showOtherMonths: true,
            firstDay: 1,
            dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
            monthNamesShort: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
            yearRange: '1902:2000',
            dateFormat: 'dd/mm/yy'
        };
        $(document).ready(function(){
            $("#rg_dob").datepicker(config);
            $("#rg-ipsubmit").button();
            $("#rg-form").validate({
                rules:{
                    rg_user:{
                        required:true,
                        minlength:5
                    },
                    rg_pass:{
                        required:true,
                        minlength:5
                    },
                    rg_pass2:{
                        required:true,
                        minlength:5,
                        equalTo:"#rg_pass"
                    }
                },
                messages:{
                    rg_user:{
                        required:"Tên đăng nhập không được trống",
                        minlength:"Tên đăng nhập ít nhất 5 ký tự"
                    },
                    rg_pass:{
                        required:"Mật khẩu không được trống",
                        minlength:"Mật khẩu ít nhất 5 ký tự"
                    },
                    rg_pass2:{
                        required:"Nhập lại mật khẩu",
                        minlength:"Mật khẩu ít nhất 5 ký tự",
                        equalTo:"Mật khẩu không trùng khớp"
                    },
                    rg_email:{
                        required:"Email không được trống",
                        email:"Email không đúng"
                    }
                },
				submitHandler:function(form){				
					  $.ajax({
							cache:false,
                            url:"http://www.lebaominh.vn/dang-ky",
                            type:"post",
							data:$("#rg-form").serialize(),
							beforeSend: function(){
							},
                            success: function(dt){                              
                              if(dt=="ok")
							  {
                                $("#rg-btnsubmit").hide();
								$("#regis-container #regis-subcontain").html('<div id="sucess">Chúc mừng Quý Khách đã đăng ký thành công khóa học DSLR,<br/>Hệ thống sẽ gửi mail cho quý khách khi chương trình bắt đầu</div>');
							  }else if(dt=="err_email")
							  {
                                $("#rg_user").addClass("ui-state-highlight");
                                $("#rg_user").focus();
								$("#containerr").html('<label for="rg_pass2" generated="true" class="error" style="">Email đã được Sử Dụng </label>');
							  }else if(dt=="err_user")
							  {
                                $("#rg_email").addClass("ui-state-highlight");
                                $("#rg_email").focus();
                                $("#containerr").html('<label for="rg_pass2" generated="true" class="error" style="">Tên đăng nhập đã được Sử Dụng </label>');
							  }else
                                  console.log("unknow"+dt);
							  
							},
							error: function(jqXHR, textStatus, errorThrown){
								// log the error to the console
								console.log("The following error occured: "+textStatus, errorThrown);
							},
							complete: function(){
								// enable the inputs								
							}
                    });
				}
            });
			
        });
        //]]>
    </script>


  
  
<span style="clear:both;"></span>
<?php get_footer(); ?>